<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>关于</title>
	</head>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<style>
		body {
			background-color: white;
		}
		
		.mui-content {
			background-color: white;
		}
		
		.headbar {
			background-color: #3ac9af;
		}
		
		.mui-icon-left-nav {
			color: white;
		}
		
		.mui-title {
			color: white;
		}
		
		.mui-content .title {
			margin-top: 80px;
			background-color: white;
		}
		
		.title .moocimg {
			text-align: center;
		}
		
		.moocimg img {
			width: 90px;
		}
		
		.title .moocname {
			margin-top: 16px;
			text-align: center;
			color: #555555;
			font-weight: bold;
			font-size: 20px;
			word-spacing:10px; letter-spacing: 2px;
		}
		
		.title .moocversion {
			margin-top: 12px;
			text-align: center;
			color: white;
		}
		
		.moocversion span {
			padding: 1px 14px 1px 14px;
			background-color: #e6e8ee;
			width: 100px;
			font-size: 12px;
			border-radius: 15px;
		}
		
		.mui-content .content {
			margin-top: 30px;
			padding: 0px 20px 0px 20px;
			color:#9ea3b3;
			font-size:14px;
		}
		.content div{
			color: #9b9b9b;
			margin-left:15%;
			margin-bottom: 5px;
		}
		.content div .circle {
			color: #9b9b9b;
			font-size: 11px;
			margin-right:8px;
			display:inline-block;
		}
		.mui-content .foot{
			position: fixed;
			bottom: 20px;
			text-align:center;
			font-size:13px;
		    margin-top:200px;
		    color:#9ea3b3;
		    width:100%;
		}
		.foot span{
			text-align:center;
		}
		
	</style>

	<body>
		<header class="mui-bar mui-bar-nav headbar">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">关于</h1>
		</header>
		<div class="mui-content">
			<div class="title">
				<div class="moocimg"><img src="../images/login_1.png"></div>
				<div class="moocname">职教数字课堂</div>
			</div>
			<div class="content">
				<div><span class="circle">●</span>版权：V1.0</div>
				<div><span class="circle">●</span>电话：028-83165225</div>
				<div><span class="circle">●</span>四川文轩教育科技有限公司</div>
			</div>
			<div class="foot"><span>Copyright 2016-2020</span></div>
		</div>
	</body>
<script type="text/javascript" src="../js/mui.min.js" ></script>
</html>